<template>
   <div id="box">
   <header>
      <span class="one" @click="fanhui">
        <img src="../assets/img/fanhui.png">        
      </span>
      <span class="two">
        跑腿.劳务.悬赏
      </span> 
    </header>
    <section>
      <ul>
        <li class="one">
            <span class="span1">需求：</span>
            <input type="text" placeholder="想让我们做什么，详细的说出来吧"/>
            <span class="span2">
              <img src="../assets/img/xuan.png">
              <img src="../assets/img/tu4.png">             
            </span>
        </li>
        <li class="two">
            <span>地址联系人：</span>
            <input type="text" placeholder="请选择"/>
            <img src="../assets/img/tu.png">
        </li>
        <li class="three">
            <span>开始时间：</span>
            <button class="btn1">立即</button>
            <button class="btn2">预约</button>
        </li>
        <li class="four">
            <span>任务有效期：</span>
            <input type="text" placeholder="8"/>小时
            <img src="../assets/img/tu5.png">
            <img src="../assets/img/tu6.png">            
        </li>
        <li class="five">
            <span>酬金：</span>
            <input type="text" placeholder="16"/>元
        </li>
        <li class="six">
          <input type="checkbox" /><span>我已知晓并执行了《<a href="">禁止发布协议</a>》</span>
        </li>
        <li class="seven">
        <button>确认发布</button>
        </li>
      </ul>
    </section>
           
   </div>
</template>

<script>
export default {
  name: 'paotui',
  
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '../assets/less/paotui.less';
    @import '../assets/css/reset.css';
</style>